var page = 1;
		var pagenum = 0;
		var product;
		var biao="";

		window.onload = function() {
			var APP_ID = 'eG22PNfwqck3fDTem41ACiNU-gzGzoHsz';
			var APP_KEY = 'Y8VoXz0cIzsJVbpctUAJXAAh';
			AV.init({
				appId: APP_ID,
				appKey: APP_KEY
			});
			pddenglu();
			biao = geturlitem(location.search, "biao");
			updateProduct(biao);
		};

		function geturlitem(url, name) {
			urlstart = url.indexOf(name + "=");
			if(urlstart != -1) {
				urlstart = urlstart + name.length + 1;
				urlend = url.indexOf("&", urlstart);
				if(urlend == -1) urlend = url.length;
				return url.substring(urlstart, urlend);
			}
			return "";
		}

		function updateProduct(biao) {//
			// LeanCloud - 查询
			// https://leancloud.cn/docs/leanstorage_guide-js.html#查询
			var query = new AV.Query(biao);
			//				query.include('owner');
			//				query.include('image');
			query.descending('createdAt');
			query.find().then(function(products) {
				pagenum = Math.ceil(products.length / 12);
				product = products;
				alists();
				// 查询到商品后，在前端展示到相应的位置中

			}).catch(function(error) {
				alert(JSON.stringify(error));
			});
		}

		function alists() {
			$(".artlist ul").html("");
			var lgth = (page * 12 <= product.length - 1) ? (page * 12) : (product.length);
			for(var i = (page - 1) * 12; i < lgth; i++) {
				var $src = product[i].attributes.image[0];
				$src = $src.substring(0, $src.length - 4);
				var str = '<li>';
				str += '<div class="artpicbox">';
				str += '<a href="ComDet.html?biao='+biao+'&id='+product[i].attributes.inid+'" target="_blank">';
				str += '<img src="' + $src + '_s.jpg" alt="' + product[i].attributes.title + '" /></a></div>';
				str += '<h2><span><a href="ComDet.html?biao='+biao+'&id='+product[i].attributes.inid+'" target="_blank">' + product[i].attributes.title + '</a></span></h2>';
				str += '<h3><span><strong>￥' + product[i].attributes.price + '00.00</strong></span></h3>';
				str += '<h5><span><img src="img/商品详情页/eye_gray_s.png" /></span>';
				str += '<span>73人围观</span></h5></li>';
				$(".artlist ul").append(str);
			}
			pagelist();
			pagebgcol();

		}

		function pagelist() {
			var $page = $(".pagestyle ul");
			$(".pagestyle ul").html("");
			$(".pagestyle ul").append('<li class="prev"><a>上一页</a> </li>');
			if(pagenum < 7) {
				for(var i = 1; i <= pagenum; i++) {
					$(".pagestyle ul").append('<li><a>' + i + '</a></li>');
				}
			};
			if(pagenum >= 7) {
				if(page >= 5) {
					$(".pagestyle ul").append('<li><a>1</a></li>');
					$(".pagestyle ul").append('<li>...</li>');
					for(var j = page - 2; j < page; j++) {
						$(".pagestyle ul").append('<li><a>' + j + '</a></li>');
					}
				} else {
					for(var j = 1; j < page; j++) {
						$(".pagestyle ul").append('<li><a>' + j + '</a></li>');
					}
				};
				if(page < pagenum - 2) {
					for(var k = page; k <= page + 2; k++) {
						$(".pagestyle ul").append('<li><a>' + k + '</a></li>');
					}
					$(".pagestyle ul").append('<li>...</li>');
					$(".pagestyle ul").append('<li><a>' + pagenum + '</a></li>')
				} else {
					for(var k = page; k <= pagenum; k++) {
						$(".pagestyle ul").append('<li><a>' + k + '</a></li>');
					}
				}
			}
			$(".pagestyle ul").append('<li class="next"><a>下一页</a></li>');
			clipage();
		}

		function pagebgcol() { //page背景颜色
			$(".pagestyle").each(function(){
				$(this).children().eq(0).children().eq(page).children().eq(0).css("background-color", "#1D1E24").css("color", "#FFFFFF").css("border-radius", "20px");
			})
		}

		function clipage() {
			$(".pagestyle ul li").each(function() {
				var num = parseInt($(this).children().html());
				if(num > 0) {
					$(this).click(function() {
						page = num;
						alists();
						pagelist();
						pagebgcol();
					});
				}
			});
			$(".prev").click(function() {
				if(page > 1) {
					page--;
					alists();
					pagelist();
					pagebgcol()
				}
			});
			
			$(".next").click(function() {
				if(page < pagenum) {
					page++;
					alists();
					pagelist();
					pagebgcol()
				}
			})
		}